<script setup lang="ts">
import Board from './components/Board.vue'
import { getComponent } from './loaddata';
import { ref, watch } from 'vue'
const currentPage=ref<string>();
currentPage.value='Home';
watch(currentPage,(newValue, oldValue)=>{
  console.log('father',newValue, oldValue);
})
</script>

<template>
  <board v-model:current="currentPage">
    <template #content>
        <component :is="getComponent(currentPage!)"></component>
    </template>
  </board>
</template>

<style lang="scss" scoped>

</style>
